<div nz-row class="mb30">
  <button nz-button nzType="primary" nzSize="large" nzShape="circle" (click)="backward()">
    <i nz-icon nzType="arrow-left" nzTheme="outline"></i>
  </button>
</div>

<div nz-row>
  <nz-card [nzBordered]="false" [nzTitle]="'服务器信息: ' + info.name" [nzExtra]="headerTemplate">
    <nz-empty *ngIf="!info"></nz-empty>
    <nz-descriptions *ngIf="info" nzBordered>
      <nz-descriptions-item nzTitle="服务器地址">{{info.host}}</nz-descriptions-item>
      <nz-descriptions-item nzTitle="创建时间">{{info.createAt | date:'yyyy-MM-dd HH:mm'}}</nz-descriptions-item>
      <nz-descriptions-item nzTitle="用户名">{{info.username}}</nz-descriptions-item>
      <nz-descriptions-item nzTitle="系统版本">{{info.osPrettyName}}</nz-descriptions-item>
      <nz-descriptions-item nzTitle="系统内核版本" [nzSpan]="2">{{info.osKernelVersion}}</nz-descriptions-item>
      <nz-descriptions-item nzTitle="Docker版本">
        {{info.dockerVersion}}
      </nz-descriptions-item>

      <nz-descriptions-item nzTitle="Kubectl版本">
        {{info.kubectlVersion}}
      </nz-descriptions-item>

      <nz-descriptions-item nzTitle="Helm版本">
        {{info.helmVersion}}
      </nz-descriptions-item>

    </nz-descriptions>
  </nz-card>
  <ng-template #headerTemplate>
    <button nz-button nzType="primary" nzSize="large" nzShape="circle" (click)="edit()"
            [nzLoading]="editLoadingFlag" nz-tooltip nzTooltipTitle="编辑" class="mr10">
      <i nz-icon nzType="edit" nzTheme="outline"></i>
    </button>
    <button nz-button nzType="primary" nzSize="large" nzShape="circle" (click)="refresh()"
            [nzLoading]="refreshLoadingFlag" nz-tooltip nzTooltipTitle="刷新">
      <i nz-icon nzType="sync" nzTheme="outline"></i>
    </button>
  </ng-template>
</div>
